/** Structure globale **/
body{
    background: none repeat scroll 0 0 #E0E0E0;
    color: #333333;
    font-family: verdana, arial;
}

.page{
    width: 1000px;
    margin: 10px auto;
    
}

.page .header{
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    background: none repeat scroll 0 0 #4D54D8
}

.page .content{
    position: relative;
    margin: 2px 0;
    min-height: 200px;
    background: none repeat scroll 0 0 white;
    padding-top:10px;
}

.page .footer{
    padding: 20px;
    text-align: center;
    background: none repeat scroll 0 0 #080E73;
    color: #1921B1;
}

.page .content a {
    text-decoration:none;
}

.page .content .col-gauche{
    width: 100%;
    min-height: 150px;
    padding-top: 20px;
}

.page .content .col-droite{
    position: absolute;
    top: 2px;
    right: 2px;
    min-height: 150px;
}

.page .content .col-droite .deco input,
.page .content .col-droite .retour-recap input,
.page .content .col-droite .detail input{
    font-size: 15px;
    
}
.page .content .col-droite .deco,
.page .content .col-droite .retour-recap,
.page .content .col-droite .detail{
    float: right;
    margin-left: 5px;
}

/** Fin structure globale **/

/** Page recap note **/


.page .content .col-gauche .tab-note{
    width: 80%;
    text-align: center;
}

.page .content .col-gauche .tab-note .matiere{
    text-align: left;
    padding-left: 15%;
}

.page .content .col-gauche .moy-gen{
    font-weight: bold;
    text-align: right;
    padding-right: 29.5%;
    margin-bottom: 0;
    padding-bottom: 10px;
}

/** Fin page recap note **/

/** Page de connexion **/

.content p{
    text-align: center;
}

#form-connexion{
    margin: 0 auto;
    padding: 10px 0;
    width: 350px;
}

#form-connexion label {
    display: block;
    width: 150px;
    float: left;
}

#form-connexion input{
    margin-bottom: 10px;
}

#form-connexion fieldset{
    display: block;
}

#form-connexion .bouton{
    text-align: center;
}

#form-connexion .bouton input{
    font-size: 15px;
}

/** Fin page de connexion **/

/** Page détails de notes par matière **/

.page .content .col-gauche .selection-cours{
    margin: 15px 0 0 15px;
}

.page .content .col-gauche .details-cours{
    margin: 20px 15px;
}

.page .content .col-gauche .details-cours{
    font-weight: bold;
}

.page .content .col-gauche #cours,
.page .content .col-gauche #intervenant,
.page .content .col-gauche #coefficient{
    margin-right: 50px;
    font-weight: normal;
}

.page .content .col-gauche .liste-note {
    padding-bottom: 15px;
}

/** fin page détail de notes par matière **/

/** page création de compte **/

#form-compte{
    margin: 0 auto;
    padding: 10px 0;
    width: 450px;
}

#form-compte label {
    display: block;
    width: 200px;
    float: left;
}

#form-compte input,
#form-compte select{
    margin-bottom: 10px;
}

#form-compte fieldset{
    display: block;
    padding-top: 15px;
}

#form-compte .bouton{
    margin-top:10px;
    text-align: center;
}

#form-compte .bouton input{
    font-size: 13px;
}

/** fin page création de compte **/

/** page création de cours **/

#form-creationcours{
    margin: 10px 20px 10px 80px;
    float:left;
    width: 400px;
}

#form-creationcours label {
    display: block;
    width: 100px;
    float: left;
}

#form-creationcours fieldset{
    display: block;
    padding-top: 30px;
    height:105px;
}

#form-creationcours .bouton{
    margin-top:35px;
    text-align: center;
}

#form-creationcours .bouton input{
    font-size: 13px;
}

#form-creationexamen{
    margin: 10px 0;
    float:left;
    width: 400px;
    text-align:left;
}

#form-creationexamen label {
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 10px;
    padding-left: 10px;
}

#form-creationexamen select {
    margin-bottom: 10px;
}

#form-creationexamen fieldset{
    display: block;
    padding-top: 15px;
    height:120px;
}

#form-creationexamen .bouton{
    margin-top:20px;
    text-align: center;
}

#form-creationexamen .bouton input{
    font-size: 13px;
}

#form-supprcours{
    margin: 10px 20px 10px 80px;
    float:left;
    width: 400px;
    text-align:left;
}

#form-supprcours label {
    display: block;
    width: 200px;
    float: left;
}

#form-supprcours fieldset{
    display: block;
    padding-top: 30px;
    height:105px;
}

#form-supprcours .bouton{
    margin-top:35px;
    text-align: center;
}

#form-supprcours .bouton input{
    font-size: 13px;
}

#form-supprexamen{
    margin: 10px 0;
    float:left;
    width: 400px;
    text-align:left;
}

#form-supprexamen label {
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 10px;
    padding-left: 10px;
}

#form-supprexamen select {
    margin-bottom: 10px;
}

#form-supprexamen fieldset{
    display: block;
    padding-top: 15px;
    height:120px;
}

#form-supprexamen .bouton{
    margin-top:20px;
    text-align: center;
}

#form-supprexamen .bouton input{
    font-size: 13px;
}

/** fin page création de cours **/

/** page inscription des étudiants aux cours **/

#form-associationcours{
    margin: 0 auto;
    padding: 10px 0;
    width: 435px;
    text-align:left;
}

#form-associationcours label {
    display: block;
    width: 180px;
    float: left;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align:center;
}

#form-associationcours select {
    margin-bottom: 10px;
    float:left;
    width:180px;
    margin-right:10px;
    margin-left:10px;
}

#form-associationcours fieldset{
    display: block;
    padding-top: 15px;
    height:180px;
}

#form-associationcours .bouton{
    margin-top:20px;
    text-align: center;
}

#form-associationcours .bouton input{
    font-size: 13px;
}

/** fin page inscription des étudiants aux cours **/

/** page saisie des notes **/


#form-saisienotes{
    margin: 0 auto;
    padding: 10px 0;
    width: 400px;
}

#form-saisienotes label {
    display: block;
    width: 200px;
    float: left;
}

#form-saisienotes input,
#form-saisienotes select{
    margin-bottom: 10px;
}

#form-saisienotes fieldset{
    display: block;
    padding-top: 15px;
}

#form-saisienotes .bouton{
    margin-top:10px;
    text-align: center;
}

#form-saisienotes .bouton input{
    font-size: 13px;
}

/** fin page saisie des notes **/

/** page d'accueil administration **/

.accueil {
    padding-top:40px;
    padding-bottom: 40px;
    text-align:center;
}

.accueil a {
    margin:40px;
}

.accueil input {
    width:250px;
    height:50px;
    font-size:13px;
}

/** fin de la page d'accueil administration **/

.clear{clear: both;}
